
<template>
	<!--  -->
	<div>
		<!-- 教学课程 -->
		<div>
			<el-row :gutter="10" style="margin-top:0.1rem;">
				<el-col :span="4">
					<el-select style="width:100%;" v-model="searchParam.year"></el-select>
				</el-col>
				<el-col :span="4">
					<el-input v-model="searchParam.ketword"></el-input>
				</el-col>
				<el-col :span="2">
					<el-button>搜索</el-button>
				</el-col>
			</el-row>
			<el-row style="margin-top:0.1rem;">
				<table class="table" cellspacing="0">
					<thead class="thead">
						<tr>
							<td style="width: 4rem;">课程名称</td>
							<td style="width: 4rem;">课程类型</td>
							<td style="width: 4rem;">适合年龄</td>
							<td style="width: 4rem;">课程周期</td>
							<td style="width: 4rem;">操作</td>
						</tr>
					</thead>
					<tbody class="tbody" v-if="teachCourseList&&teachCourseList.length>0">
						<tr v-for="(item,index) in teachCourseList" :key="index">
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>
								<el-button type="text" @click="addTeachCoursePopup.visible=true">查看</el-button>
							</td>
						</tr>
					</tbody>
					<tbody class="tbody" v-else>
						<tr>
							<td colspan="5" align="center">暂无数据</td>
						</tr>
					</tbody>
				</table>
			</el-row>
			<el-row>
				<el-pagination
					class="page"
					layout="total, sizes, prev, pager, next, jumper"
					:current-page="searchParam.currPage"
					@size-change="pageSizeChange"
					@current-change="curPageChange"
					:total="searchParam.total"
				></el-pagination>
			</el-row>
		</div>
		
		<el-dialog
		 title="添加课程"
		 :visible.sync="addTeachCoursePopup.visible"
		 width="50%">
			<addTeachCourse></addTeachCourse>
		</el-dialog>
	</div>
</template>

<script>
	import addTeachCourse from './plan_add_teachcourse'
	export default{
		components:{addTeachCourse},
		data(){
			return {
				searchParam:{
					year:'',
					date:'',
					keywords:'',
					currPage:1,
					total:0
				},
				teachCourseList:[{}],

				addTeachCoursePopup:{
					visible:false,
				},
			}
		},
		methods:{
			campusChange : function(campusId) { //校区改变
				
			},
			pageSizeChange(){},
			curPageChange(){},

			/**删除行 */
			deleteRow(index) {
				this.teachCourseList.splice(index, 1);
			},
			
		},
		mounted(){
			
		},
		computed:{
			
		},
		watch:{

		}
	}
</script>

<style lang="scss" scoped>
	


	/*自定义滚动条样式*/
	// .box-tasks::-webkit-scrollbar {
	// 	// height: 0.08rem;
	// 	width: 0.05rem;
	// }
	// .box-tasks::-webkit-scrollbar-thumb {
	// 	border-radius: 0.5rem;
	// 	background: #BBBBBB;
	// }
	// .box-tasks::-webkit-scrollbar-track {
	// 	background: rgba(242, 246, 252, 0);
	// }	

	
</style>
<style scoped src="@/style/module/table.css"></style>